  body,h1,h2,h3,h4,p,ul,ol,li,form,button,input,textarea,th,td {
        margin:0;
        padding:0;
        box-sizing: content-box;
    }
    body,button,input,select,textarea {
        font:12px/1.5 Microsoft YaHei UI Light,tahoma,arial,"\5b8b\4f53";
        *line-height:1.5;
        -ms-overflow-style:scrollbar
    }
    h1,h2,h3,h4{
        font-size:100%
    }
    ul,ol {
        list-style:none
    }
    a {
     text-decoration:none
    }
    a:hover {
        text-decoration:underline
    }
    img {
        border:0
    }
    button,input,select,textarea {
        font-size:100%
    }
    table {
        border-collapse:collapse;
        border-spacing:0
    }

    /*rem*/
    /*html {
           font-size:62.5%;
     }
     body {
           font:16px/1.5 "microsoft yahei", 'tahoma';
     }
     body .mobile-page {
           font-size: 1.6rem;
     }*/
    
    
/*rem*/    
html {
    font-size: 16px;
}
@media screen and (min-width: 320px) {
    html {
        /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
        font-size: calc(85.33% + 2 * (100vw - 320px) / 55);
        font-size: calc(14px + 2 * (100vw - 320px) / 55);
    }
}
@media screen and (min-width: 375px) {
    html {
        /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
}
@media screen and (min-width: 414px) {
    html {
        /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}
@media screen and (min-width: 600px) {
    html {
        /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400);
    }
}
@media screen and (min-width: 1000px) {
    html {
        /* 1000px往后是每100像素0.5px增加 */
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
    }
}

     /*浮动*/
    .fl{
        float: left;
     }
    .fr{
        float: right;
     }
    .clearfix:after{
        content: '';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
.historical{


}
.historical_header{
		position: relative;
		left: .75rem;
	display:flex;
	height: 2.2rem;
	line-height: 2.2rem;
} 
.historical_header img{
	width: .55rem;
	height: 1rem;
	position: absolute;
	top: .63rem;
} 
.historical_header span{
	font-size: .9rem;
	color: #ec7e2d;
	position: absolute;
	left: 1rem;
}  
.historical_header h2{
	font-size: 1rem;
	color: #333333;
	text-align: center;
	position: absolute;
	left: 10rem;
}
.historical_header p{
	font-size: .9rem;
	color: #333333;
	position: absolute;
	left: 20rem;
}
.center11{
padding: .4rem .75rem .4rem .75rem;
	background: #f5f5f5 url(../../image/laji.png) no-repeat 21rem ;
}
.center11 span{
	font-size: .5rem;
	color: #999999;
	background: url(../../image/laji.png) no-repeat 3rem ;
}
.center11 img{
	width: .9rem;
  height: .9rem;	
  position: absolute;
  top: 2.6rem;
  left: 21rem;
	}
	.center12{
padding: .4rem .75rem .4rem .75rem;
	background: #f5f5f5 url(../../image/laji.png) no-repeat 21rem ;
}
.center12 span{
	font-size: .5rem;
	color: #999999;
}
.center12 img{
	width: .9rem;
  height: .9rem;	
  position: absolute;
  top: 16.9rem;
  left: 21rem;
	}
	.center13{
		/*position: relative;
		top: .4rem;
		right: .75rem;
		bottom: .4rem;
		left: .75rem;*/
padding: .4rem .75rem .4rem .75rem;
	background: #f5f5f5 url(../../image/laji.png) no-repeat 21rem ; 
}
.center13 span{
	font-size: .5rem;
	color: #999999;
}
.center13 img{
	width: .9rem;
  height: .9rem;	
  position: absolute;
  top: 31.1rem;
  left: 21rem;
	}

	.center2 {
		width:auto;
		height: 5.5rem;
		padding-bottom: 1rem;
	/*vertical-align: middle;*/
	display: grid;
	grid-template-columns: 6.05rem auto;
	align-content: stretch; 
	border-bottom: 1px solid #d9d9d9;
	}
	.center21{
		position: relative;
	}
	.center2 h2{
		font-size: .8rem;
		color: #333333;
		padding-top: .375rem;
	}
	.center2 span{
		position: absolute;
  top: 2rem;
  left: .2rem;
		 font-size: .6rem;
	color: #ec7e2d;
	}
	.center2 img{
		width: 4.9rem;
		height: 4.9rem;
	margin: .4rem .4rem .4rem .75rem;
	}
	.but1{
  position: absolute;
  top: 4rem;
  left: .2rem;
   width: 6.5rem;
   height: 1.8rem;
   border-radius: .3rem;
   border: 1px solid #ec7e2d;
   font-size: .6rem;
   background: #FFFFFF;
   color: #ec7e2d;
	}
	.but11{
		 position: absolute;
  top: 3.5rem;
  left: 6rem;
   width: 6.5rem;
   height: 1.8rem;
   border-radius: .3rem;
   border: 1px solid #ec7e2d;
   font-size: .6rem;
   background: #FFFFFF;
   color: #ec7e2d;
	}
	.but2{
		 position: absolute;
  top: 4rem;
  right: 1rem;
		margin-left: 2.2rem;
		width: 5.5rem;
   height: 1.8rem;
   border-radius: .3rem;
   border: 1px solid #ec7e2d;
   font-size: .7rem;
   background: #ec7e2d;
   color: #FFFFFF;
	}
		.but22{
		 position: absolute;
  top: 3.5rem;
  right: 1rem;
		margin-left: 2.2rem;
		width: 5.5rem;
   height: 1.8rem;
   border-radius: .3rem;
   border: 1px solid #ec7e2d;
   font-size: .7rem;
   background: #ec7e2d;
   color: #FFFFFF;
	}
.center2_2 {
		width:auto;
		height: 5.5rem;
		padding-bottom: .4rem;
	/*vertical-align: middle;*/
	display: grid;
	grid-template-columns: .4rem auto;
	align-content: stretch; 
	}	
.center2_2 h2{
		font-size: .8rem;
		color: #333333;
		padding-left: 6rem;
		padding-top: .375rem;
	}
.center2_2 span{
		position: absolute;
  top: 2rem;
  left: 6rem;
		 font-size: .6rem;
	color: #ec7e2d;
	}
.center2_2 img{
		width: 4.9rem;
		height: 4.9rem;
	margin: .4rem .4rem .4rem .75rem;
	}

